<template>
    <div class="container">
        <app-nav></app-nav>
        <app-content></app-content>
        <app-footer></app-footer>
    </div>
</template>

<script>
//菜单
import AppNav from './AppNav'
//内容
import AppContent from './AppContent'
//底部
import AppFooter from './AppFooter'

export default {
    data() {
        return {
        }
    },
    components: {
        'app-nav': AppNav,
        'app-content': AppContent,
        'app-footer': AppFooter
    },
    mounted: function () {

    },
    methods: {
        
    }
}
</script>

<style>
.container {
    position: relative;

    min-height: 100%;
    background-color: #f5f5f5;
}
</style>
